<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/slider.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./lib/jquery.js"></script>
    <script src="./js/home.js"></script>
    <script src="./lib/slider.js"></script>
</head>
<body>
     <!-- header区域开始 -->
     <div class="header">
        <!-- 头部区域 -->
        <div class="top">
            <img src="./imgs/logo.jpg" alt="">
            <div class="wrapper clearfix">
                <div class="top_1 fl">
                    <span>legochina.cn</span>
                    </div>
                <div class="top_2 fr">
                    欢迎光临<span><a href="">乐购</a></span>，请 登陆\<span><a href="">注册</a></span>
                </div>
            </div>
        </div>
        <!-- 导航栏区域 -->
        <div class="nav">
            <div class="wrapper">
                <form action="#" class="clearfix fr nav_form">
                    <input type="text" class="txt fl" placeholder="创意文具">
                    <input type="submit" class="sub fl" value="">
                    <button class="fr btn1"> 我的订单</button>
                    <button class="fr btn2"><span class="fl"></span>购物车 3</button>
                </form>
                <ul class="clearfix">
                    <li><a href="">图书</a></li>
                    <li><a href="">电子书</a></li>
                    <li><a href="">原创文学</a></li>
                    <li><a href="">服装</a></li>
                    <li><a href="">户外运动</a></li>
                    <li><a href="">孕婴童</a></li>
                    <li><a href="">家居</a></li>
                    <li><a href="">创意文具</a></li>
                    <li><a href="">地方特产</a></li>
                    <li><a href="">海外购</a></li>
                    <li><a href="">电器城</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- header区域结束 -->

    <!-- banner区域开始 -->
    <div id="banner" class="wrapper clearfix">
        <!-- menu二级菜单 -->
        <ul class="category fl">
            <!-- <li>
                <p>图书 电子书</p>
                <div>
                    box1aaaaaaa
                </div>
            </li>
            -->
            <script>
            let str_p=["图书、电子书、童书","创意文具","服饰、内衣","鞋靴、箱包","运动户外","孕、婴、童","家居、家纺、汽车","家具、家装、康体","美妆、个人护理、成人","食品、茶酒、生鲜","腕表、珠宝、眼镜"]
            let str_div=["图书馆>>","儿童书馆","电子书馆","创意文具","服饰、内衣","鞋靴、箱包","运动户外","家居、家纺、汽车","家具、家装、康体","美妆、个人护理、成人","食品、茶酒、生鲜","腕表、珠宝、眼镜"]
            for(let i=0;i<11;i++){
                document.write(`
                <li>
                    <p>${str_p[i]}</p>
                    <div>
                        ${str_div[i+1]}
                    </div>
                 </li>
                `)
            }
            </script>
            
        </ul>
         <!--轮播开始-->
        <div class="pptbox fl" id="bannerInner">
            <!--轮播的内容-->
            <ul class="innerwrapper">
            <li>
                <img src="imgs/banner22.jpg" />
            </li>
            <li>
                <a href="#"><img src="imgs/banner33.jpg" /></a></a>
            </li>
            <li>
                <a href="#"><img src="imgs/banner44.jpg" /></a>
            </li>
            <li>
                <a href="#"><img src="imgs/banner55.jpg" /></a>
            </li>
            <li>
                <a href="#"><img src="imgs/banner5.jpg" /></a>
            </li>
            <li>
                <a href="#"><img src="imgs/pp1_05.jpg" /></a>
            </li>
            </ul>
            <!--数字控制器-->
            <ul class="controls" id="con_str">
            <li class="current">1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            </ul>
            <!--按钮控制器-->
            <span class="btnleft"></span>
            <span class="btnright"></span>
        </div>
        <!--轮播结束-->
    </div>
    <!-- banner区域结束 -->

    <!-- 今日推荐 -->
        <div id="recommend" class="wrapper">
            <h2>乐购·今日推荐</h2>
            <ul class="clearfix">
                <script>
                    for(i=0;i<12;i++){
                      if(i<=5){
                        document.write(`
                        <li>
                            <div>
                                <img src="./imgs/product01.jpg" alt="">
                            </div>
                            <img src="./imgs/limitTime.jpg" alt="">
                            <p class="c33">黑爵青蜂侠六键电竞游戏鼠标</p>
                            <p class="c429">全国联保 一年免费包换</p>
                            <p class="c429 f24">￥:299</p>
                    </li>
                        `)
                      }else{
                        document.write(`
                        <li>
                            <div>
                                <img src="./imgs/index06_11.jpg" alt="">
                            </div>
                            <img src="./imgs/limitTime.jpg" alt="">
                            <p class="c33">小熊家用静音加湿器</p>
                            <p class="c429">唯美外观 微米级喷雾</p>
                            <p class="c429 f24">￥:89</p>
                    </li>
                        `)
                      }
                    }
                </script>
            </ul>
        </div>
    <!-- 今日推荐结束 -->

    <!-- 图书区域 -->
    <div id="ebook" class="wrapper clearfix floor">
        <div class="ebook_left clearfix fl">
            <div class="ebook_left_top clearfix ">
                <h2 class="fl">图书 电子书</h2>
                <ul class="fr">
                    <li class="active">最新上架</li>
                    <li>独家畅销</li>
                    <li>电子书</li>
                </ul>
            </div>
            <div class="ebook_z fl">
                <img src="./imgs/index7_07.jpg" alt="">
                    <ul class="clearfix">
                        <li>中小学教育</li>
                        <li>外语</li>
                        <li>考试</li>
                        <li>小说</li>
                        <li>文学</li>
                        <li>青春文学</li>
                        <li>成功\励志</li>
                        <li>管理</li>
                        <li>历史</li>
                        <li>哲学\宗教</li>
                        <li>亲子\家教</li>
                        <li>全部分类></li>
                </ul>
            </div>
            <ul class="ebook_l clearfix fr show">
                <li>
                     <!--轮播开始-->
                    <div class="pptbox fl" id="bannerInner">
                        <!--轮播的内容-->
                        <ul class="innerwrapper">
                        <li>
                            <a href=""><img src="./imgs/ppt2_05.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/banner2.jpg" /></a></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/banner3.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/banner4.jpg" /></a>
                        </li>
                        </ul>
                        <!--数字控制器-->
                        <ul class="controls" id="con_str">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        </ul>
                        <!--按钮控制器-->
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <!--轮播结束-->
                </li>
                <script>
                    for(let i=0;i<6;i++){
                        document.write(`
                        <li>
                            <h4>奥运狂欢</h4>
                            <p>10万种电子书 直降40%</p>
                            <img src="./imgs/index09_05.jpg" alt="">
                            <p>￥49<span>￥79</span></p>
                        </li>
                        `)
                    }
                </script>
            </ul>
            <ul class="ebook_l clearfix fr ">
                <li>
                     <!--轮播开始-->
                    <div class="pptbox fl" id="bannerInner">
                        <!--轮播的内容-->
                        <ul class="innerwrapper">
                        <li>
                            <a href=""><img src="imgs/banner1.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="./imgs/ppt2_05.jpg" /></a></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/banner3.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/banner4.jpg" /></a>
                        </li>
                        </ul>
                        <!--数字控制器-->
                        <ul class="controls" id="con_str">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        </ul>
                        <!--按钮控制器-->
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <!--轮播结束-->
                </li>
                <script>
                    for(let i=0;i<6;i++){
                        document.write(`
                        <li>
                            <h4>心理学</h4>
                            <p>10万种电子书 直降40%</p>
                            <img src="./imgs/22870923-1_l_1.jpg" alt="">
                            <p>￥49<span>￥79</span></p>
                        </li>
                        `)
                    }
                </script>
            </ul>
            <ul class="ebook_l clearfix fr ">
                <li>
                     <!--轮播开始-->
                    <div class="pptbox fl" id="bannerInner">
                        <!--轮播的内容-->
                        <ul class="innerwrapper">
                        <li>
                            <a href=""><img src="imgs/banner1.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/banner2.jpg" /></a></a>
                        </li>
                        <li>
                            <a href="#"><img src="./imgs/ppt2_05.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/banner4.jpg" /></a>
                        </li>
                        </ul>
                        <!--数字控制器-->
                        <ul class="controls" id="con_str">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        </ul>
                        <!--按钮控制器-->
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <!--轮播结束-->
                </li>
                <script>
                    for(let i=0;i<6;i++){
                        document.write(`
                        <li>
                            <h4>奥运狂欢</h4>
                            <p>10万种电子书 直降40%</p>
                            <img src="./imgs/22913031-1_l.jpg" alt="">
                            <p>￥49<span>￥79</span></p>
                        </li>
                        `)
                    }
                </script>
            </ul>
        </div>
        <div class="ebook_right fr">
            <h2>新书畅销榜</h2>
            <ul>
                <li>
                    <span>1</span>
                    <h3 class="tit_hide">从你的全世界路过</h3>
                    <div class="clearfix book_show">
                        <img src="./imgs/index08_05.jpg" alt="" class="fl">
                    <p class="fr">
                        从你的世界路过
                        入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                    </p>
                    </div>
                </li>
                <script>
                    for(let i=1;i<7;i++){
                        document.write(`
                        <li>
                            <span>${i+1}</span>
                            <h3>从你的全世界路过</h3>
                           <div class="clearfix">
                                <img src="./imgs/index08_05.jpg" alt="" class="fl">
                                <p class="fr">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </p>
                            </div>
                     </li>
                        `)
                    }
                </script>
            </ul>
        </div>
    </div>
    <!-- 图书区域结束 -->

    <!-- 服装区域开始 -->
    <div id="clothing" class="wrapper fz floor">
        <!-- 第一块区域 -->
        <div class="clothing_con clearfix imgs_6">
            <div class="clothing_top clearfix">
                <h2 class="fl">服装</h2>
                <ul class="fr">
                    <li class="cl_1">女装内衣</li>
                    <li>热销男装</li>
                    <li>精品鞋靴</li>
                </ul>
            </div>
            <div class="clong_l fl">
                <img src="./imgs/index7_17.jpg" alt="">
                <ul class="clearfix">
                    <li>中小学教育</li>
                    <li>外语</li>
                    <li>考试</li>
                    <li>小说</li>
                    <li>文学</li>
                    <li>青春文学</li>
                    <li>成功\励志</li>
                    <li>管理</li>
                    <li>历史</li>
                    <li>哲学\宗教</li>
                    <li>亲子\家教</li>
                    <li>全部分类></li>
                </ul>
            </div>
            <div class="clong_z clearfix fl">
                 <!--轮播开始-->
                 <div class="pptbox clo_lb fl" id="bannerInner">
                    <!--轮播的内容-->
                    <ul class="innerwrapper">
                    <li>
                        <a href=""><img src="imgs/72190020507327_1_o.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="imgs/162350015511487_y.jpg" /></a></a>
                    </li>
                    <li>
                        <a href="#"><img src="imgs/index10_05.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="imgs/183370023560859_1_o.jpg" /></a>
                    </li>
                    </ul>
                    <!--数字控制器-->
                    <ul class="controls" id="con_str">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    </ul>
                    <!--按钮控制器-->
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
                <!--轮播结束-->
                <div class="img_b">
                    <img src="./imgs/index11_08.jpg" alt="">
                </div>
            </div>
             <ul class="clearfix fr imgs_6 clong_r">
                    <!-- <li class="fl">
                        <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                        <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                    </li>
                    <li class="fl">
                        <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                        <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                    </li>
                    <li class="fl">
                        <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                        <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                    </li> -->
                    <script>
                        for(let i=0; i<3;i++){
                            document.write(`
                            <li class="fl">
                                <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                                <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                             </li>
                            `)
                        }
                    </script>
            </ul>
             <div class="imgs">
                <img src="./imgs/index15_13.jpg" alt="">
                <img src="./imgs/logo13_11.jpg" alt="">
                <img src="./imgs/logo13_12.jpg" alt="">
                <img src="./imgs/logo13_14.jpg" alt="">
                <img src="./imgs/logo13_16.jpg" alt="">
                <img src="./imgs/logo13_17.jpg" alt="">
                <img src="./imgs/logo13_12.jpg" alt="">
                <img src="./imgs/logo13_11.jpg" alt="">
                <img src="./imgs/logo13_16.jpg" alt="">
                <img src="./imgs/index15_13.jpg" alt="">
             </div>
        </div>
        <!-- 第二块区域 -->
        <div class="clothing_con clearfix ">
            <div class="clothing_top clearfix">
                <h2 class="fl">服装</h2>
                <ul class="fr">
                    <li class="cl_1">女装内衣</li>
                    <li>热销男装</li>
                    <li>精品鞋靴</li>
                </ul>
            </div>
            <div class="clong_l fl">
                <img src="./imgs/129860019491107_1_o.jpg" alt="">
                <ul class="clearfix">
                    <li>中小学教育</li>
                    <li>外语</li>
                    <li>考试</li>
                    <li>小说</li>
                    <li>文学</li>
                    <li>青春文学</li>
                    <li>成功\励志</li>
                    <li>管理</li>
                    <li>历史</li>
                    <li>哲学\宗教</li>
                    <li>亲子\家教</li>
                    <li>全部分类></li>
                </ul>
            </div>
            <div class="clong_z clearfix fl">
                 <!--轮播开始-->
                 <div class="pptbox clo_lb fl" id="bannerInner">
                    <!--轮播的内容-->
                    <ul class="innerwrapper">
                    <li>
                        <a href=""><img src="imgs/72190020507327_1_o.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="imgs/162350015511487_y.jpg" /></a></a>
                    </li>
                    <li>
                        <a href="#"><img src="imgs/index10_05.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="imgs/183370023560859_1_o.jpg" /></a>
                    </li>
                    </ul>
                    <!--数字控制器-->
                    <ul class="controls" id="con_str">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    </ul>
                    <!--按钮控制器-->
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
                <!--轮播结束-->
                <div class="img_b">
                    <img src="./imgs/index11_08.jpg" alt="">
                </div>
            </div>
             <ul class="clearfix fr imgs_6 clong_r">
                    <!-- <li class="fl">
                        <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                        <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                    </li>
                    <li class="fl">
                        <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                        <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                    </li>
                    <li class="fl">
                        <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                        <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                    </li> -->
                    <script>
                        for(let i=0; i<3;i++){
                            document.write(`
                            <li class="fl">
                                <img src="./imgs/136700019847353_1_o.jpg" alt="" class=" img1">
                                <img src="./imgs/86900019846648_1_o.jpg" alt="" class=" img2">
                             </li>
                            `)
                        }
                    </script>
            </ul>
             <div class="imgs">
                <img src="./imgs/index15_13.jpg" alt="">
                <img src="./imgs/logo13_11.jpg" alt="">
                <img src="./imgs/logo13_12.jpg" alt="">
                <img src="./imgs/logo13_14.jpg" alt="">
                <img src="./imgs/logo13_16.jpg" alt="">
                <img src="./imgs/logo13_17.jpg" alt="">
                <img src="./imgs/logo13_12.jpg" alt="">
                <img src="./imgs/logo13_11.jpg" alt="">
                <img src="./imgs/logo13_16.jpg" alt="">
                <img src="./imgs/index15_13.jpg" alt="">
             </div>
        </div>
        <!-- 第三块区域 -->
        <div class="clothing_con clearfix ">
            <div class="clothing_top clearfix">
                <h2 class="fl">服装</h2>
                <ul class="fr">
                    <li class="cl_1">女装内衣</li>
                    <li>热销男装</li>
                    <li>精品鞋靴</li>
                </ul>
            </div>
            <div class="clong_l fl">
                <img src="./imgs/160729-11181pc-C.jpg" alt="">
                <ul class="clearfix">
                    <li>中小学教育</li>
                    <li>外语</li>
                    <li>考试</li>
                    <li>小说</li>
                    <li>文学</li>
                    <li>青春文学</li>
                    <li>成功\励志</li>
                    <li>管理</li>
                    <li>历史</li>
                    <li>哲学\宗教</li>
                    <li>亲子\家教</li>
                    <li>全部分类></li>
                </ul>
            </div>
            <div class="clong_z clearfix fl">
                 <!--轮播开始-->
                 <div class="pptbox clo_lb fl" id="bannerInner">
                    <!--轮播的内容-->
                    <ul class="innerwrapper">
                    <li>
                        <a href=""><img src="imgs/72190020507327_1_o.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="imgs/162350015511487_y.jpg" /></a></a>
                    </li>
                    <li>
                        <a href="#"><img src="imgs/index10_05.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="imgs/183370023560859_1_o.jpg" /></a>
                    </li>
                    </ul>
                    <!--数字控制器-->
                    <ul class="controls" id="con_str">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    </ul>
                    <!--按钮控制器-->
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
                <!--轮播结束-->
                <div class="img_b">
                    <img src="./imgs/index11_08.jpg" alt="">
                </div>
            </div>
             <ul class="clearfix fr imgs_6 clong_r">
                    <!-- <li class="fl">
                        <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                        <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                    </li>
                    <li class="fl">
                        <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                        <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                    </li>
                    <li class="fl">
                        <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                        <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                    </li> -->
                    <script>
                        for(let i=0; i<3;i++){
                            document.write(`
                            <li class="fl">
                                <img src="./imgs/160314-11181-pc-A2.jpg" alt="" class=" img1">
                                <img src="./imgs/160729-10194pc-D.jpg" alt="" class=" img2">
                             </li>
                            `)
                        }
                    </script>
            </ul>
             <div class="imgs">
                <img src="./imgs/index15_13.jpg" alt="">
                <img src="./imgs/logo13_11.jpg" alt="">
                <img src="./imgs/logo13_12.jpg" alt="">
                <img src="./imgs/logo13_14.jpg" alt="">
                <img src="./imgs/logo13_16.jpg" alt="">
                <img src="./imgs/logo13_17.jpg" alt="">
                <img src="./imgs/logo13_12.jpg" alt="">
                <img src="./imgs/logo13_11.jpg" alt="">
                <img src="./imgs/logo13_16.jpg" alt="">
                <img src="./imgs/index15_13.jpg" alt="">
             </div>
        </div>
    </div>
    <!-- 服装区域结束 -->

    <!-- 运动区域 -->
        <div id="clothing" class="wrapper sports floor">
            <!-- 第一块区域 -->
            <div class="clothing_con clearfix imgs_6">
                <div class="clothing_top clearfix">
                    <h2 class="fl">户外运动</h2>
                    <ul class="fr">
                        <li class="cl_1">国际品牌</li>
                        <li>户外装备</li>
                        <li>运动潮流</li>
                    </ul>
                </div>
                <div class="clong_l fl">
                    <img src="./imgs/160729pc-A.jpg" alt="">
                    <ul class="clearfix">
                        <li>中小学教育</li>
                        <li>外语</li>
                        <li>考试</li>
                        <li>小说</li>
                        <li>文学</li>
                        <li>青春文学</li>
                        <li>成功\励志</li>
                        <li>管理</li>
                        <li>历史</li>
                        <li>哲学\宗教</li>
                        <li>亲子\家教</li>
                        <li>全部分类></li>
                    </ul>
                </div>
                <div class="clong_z clearfix fl">
                     <!--轮播开始-->
                     <div class="pptbox clo_lb fl" id="bannerInner">
                        <!--轮播的内容-->
                        <ul class="innerwrapper">
                        <li>
                            <a href=""><img src="imgs/160801-12909pc-B1.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/160729-3709pc-B.jpg" /></a></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/160314-3957-pc-A1.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/119130027655160_1_o.jpg" /></a>
                        </li>
                        </ul>
                        <!--数字控制器-->
                        <ul class="controls" id="con_str">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        </ul>
                        <!--按钮控制器-->
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <!--轮播结束-->
                    <div class="img_b">
                        <img src="./imgs/index11_08.jpg" alt="">
                    </div>
                </div>
                 <ul class="clearfix fr imgs_6 clong_r">
                        <!-- <li class="fl">
                            <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                            <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                        </li>
                        <li class="fl">
                            <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                            <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                        </li>
                        <li class="fl">
                            <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                            <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                        </li> -->
                        <script>
                            for(let i=0; i<3;i++){
                                document.write(`
                                <li class="fl">
                                    <img src="./imgs/160801-17862pc-C.jpg" alt="" class=" img1">
                                    <img src="./imgs/160729-12609pc-D.jpg" alt="" class=" img2">
                                 </li>
                                `)
                            }
                        </script>
                </ul>
                 <div class="imgs">
                    <img src="./imgs/index15_13.jpg" alt="">
                    <img src="./imgs/logo13_11.jpg" alt="">
                    <img src="./imgs/logo13_12.jpg" alt="">
                    <img src="./imgs/logo13_14.jpg" alt="">
                    <img src="./imgs/logo13_16.jpg" alt="">
                    <img src="./imgs/logo13_17.jpg" alt="">
                    <img src="./imgs/logo13_12.jpg" alt="">
                    <img src="./imgs/logo13_11.jpg" alt="">
                    <img src="./imgs/logo13_16.jpg" alt="">
                    <img src="./imgs/index15_13.jpg" alt="">
                 </div>
            </div>
            <!-- 第二块区域 -->
            <div class="clothing_con clearfix imgs_6">
                <div class="clothing_top clearfix">
                    <h2 class="fl">户外运动</h2>
                    <ul class="fr">
                        <li class="cl_1">国际品牌</li>
                        <li>户外装备</li>
                        <li>运动潮流</li>
                    </ul>
                </div>
                <div class="clong_l fl">
                    <img src="./imgs/160314-12359-pc-A2.jpg" alt="">
                    <ul class="clearfix">
                        <li>中小学教育</li>
                        <li>外语</li>
                        <li>考试</li>
                        <li>小说</li>
                        <li>文学</li>
                        <li>青春文学</li>
                        <li>成功\励志</li>
                        <li>管理</li>
                        <li>历史</li>
                        <li>哲学\宗教</li>
                        <li>亲子\家教</li>
                        <li>全部分类></li>
                    </ul>
                </div>
                <div class="clong_z clearfix fl">
                     <!--轮播开始-->
                     <div class="pptbox clo_lb fl" id="bannerInner">
                        <!--轮播的内容-->
                        <ul class="innerwrapper">
                        <li>
                            <a href=""><img src="imgs/160801-12909pc-B1.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/160729-3709pc-B.jpg" /></a></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/160314-3957-pc-A1.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/119130027655160_1_o.jpg" /></a>
                        </li>
                        </ul>
                        <!--数字控制器-->
                        <ul class="controls" id="con_str">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        </ul>
                        <!--按钮控制器-->
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <!--轮播结束-->
                    <div class="img_b">
                        <img src="./imgs/index11_08.jpg" alt="">
                    </div>
                </div>
                 <ul class="clearfix fr imgs_6 clong_r">
                        <!-- <li class="fl">
                            <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                            <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                        </li>
                        <li class="fl">
                            <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                            <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                        </li>
                        <li class="fl">
                            <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                            <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                        </li> -->
                        <script>
                            for(let i=0; i<3;i++){
                                document.write(`
                                <li class="fl">
                                    <img src="./imgs/52610014590238_1_o.jpg" alt="" class=" img1">
                                    <img src="./imgs/160729-11184pc-D.jpg" alt="" class=" img2">
                                 </li>
                                `)
                            }
                        </script>
                </ul>
                 <div class="imgs">
                    <img src="./imgs/index15_13.jpg" alt="">
                    <img src="./imgs/logo13_11.jpg" alt="">
                    <img src="./imgs/logo13_12.jpg" alt="">
                    <img src="./imgs/logo13_14.jpg" alt="">
                    <img src="./imgs/logo13_16.jpg" alt="">
                    <img src="./imgs/logo13_17.jpg" alt="">
                    <img src="./imgs/logo13_12.jpg" alt="">
                    <img src="./imgs/logo13_11.jpg" alt="">
                    <img src="./imgs/logo13_16.jpg" alt="">
                    <img src="./imgs/index15_13.jpg" alt="">
                 </div>
            </div>
            <!-- 第三块区域 -->
            <div class="clothing_con clearfix imgs_6">
                <div class="clothing_top clearfix">
                    <h2 class="fl">户外运动</h2>
                    <ul class="fr">
                        <li class="cl_1">国际品牌</li>
                        <li>户外装备</li>
                        <li>运动潮流</li>
                    </ul>
                </div>
                <div class="clong_l fl">
                    <img src="./imgs/160729pc-A.jpg" alt="">
                    <ul class="clearfix">
                        <li>中小学教育</li>
                        <li>外语</li>
                        <li>考试</li>
                        <li>小说</li>
                        <li>文学</li>
                        <li>青春文学</li>
                        <li>成功\励志</li>
                        <li>管理</li>
                        <li>历史</li>
                        <li>哲学\宗教</li>
                        <li>亲子\家教</li>
                        <li>全部分类></li>
                    </ul>
                </div>
                <div class="clong_z clearfix fl">
                     <!--轮播开始-->
                     <div class="pptbox clo_lb fl" id="bannerInner">
                        <!--轮播的内容-->
                        <ul class="innerwrapper">
                        <li>
                            <a href=""><img src="imgs/160801-12909pc-B1.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/160729-3709pc-B.jpg" /></a></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/160314-3957-pc-A1.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/119130027655160_1_o.jpg" /></a>
                        </li>
                        </ul>
                        <!--数字控制器-->
                        <ul class="controls" id="con_str">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        </ul>
                        <!--按钮控制器-->
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <!--轮播结束-->
                    <div class="img_b">
                        <img src="./imgs/index11_08.jpg" alt="">
                    </div>
                </div>
                 <ul class="clearfix fr imgs_6 clong_r">
                        <!-- <li class="fl">
                            <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                            <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                        </li>
                        <li class="fl">
                            <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                            <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                        </li>
                        <li class="fl">
                            <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                            <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                        </li> -->
                        <script>
                            for(let i=0; i<3;i++){
                                document.write(`
                                <li class="fl">
                                    <img src="./imgs/160801-17862pc-C.jpg" alt="" class=" img1">
                                    <img src="./imgs/160729-12609pc-D.jpg" alt="" class=" img2">
                                 </li>
                                `)
                            }
                        </script>
                </ul>
                 <div class="imgs">
                    <img src="./imgs/index15_13.jpg" alt="">
                    <img src="./imgs/logo13_11.jpg" alt="">
                    <img src="./imgs/logo13_12.jpg" alt="">
                    <img src="./imgs/logo13_14.jpg" alt="">
                    <img src="./imgs/logo13_16.jpg" alt="">
                    <img src="./imgs/logo13_17.jpg" alt="">
                    <img src="./imgs/logo13_12.jpg" alt="">
                    <img src="./imgs/logo13_11.jpg" alt="">
                    <img src="./imgs/logo13_16.jpg" alt="">
                    <img src="./imgs/index15_13.jpg" alt="">
                 </div>
            </div>
    </div>
    <!-- 运动区域结束 -->

    <!-- 童装区域 -->
        <div id="clothing" class="wrapper chlid floor">
            <!-- 第一块区域 -->
            <div class="clothing_con clearfix imgs_6">
                <div class="clothing_top clearfix">
                    <h2 class="fl">童装 童鞋 婴儿装</h2>
                    <ul class="fr">
                        <li class="cl_1">儿童服装</li>
                        <li>婴儿装</li>
                        <li>小潮童鞋</li>
                    </ul>
                </div>
                <div class="clong_l fl">
                    <img src="./imgs/86030026097384_y.jpg" alt="">
                    <ul class="clearfix">
                        <li>中小学教育</li>
                        <li>外语</li>
                        <li>考试</li>
                        <li>小说</li>
                        <li>文学</li>
                        <li>青春文学</li>
                        <li>成功\励志</li>
                        <li>管理</li>
                        <li>历史</li>
                        <li>哲学\宗教</li>
                        <li>亲子\家教</li>
                        <li>全部分类></li>
                    </ul>
                </div>
                <div class="clong_z clearfix fl">
                     <!--轮播开始-->
                     <div class="pptbox clo_lb fl" id="bannerInner">
                        <!--轮播的内容-->
                        <ul class="innerwrapper">
                        <li>
                            <a href=""><img src="imgs/86030026281665_y.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/a_ban_383-340.jpg" /></a></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/181160019766142_1_o.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/187720017020448_1_o.jpg" /></a>
                        </li>
                        </ul>
                        <!--数字控制器-->
                        <ul class="controls" id="con_str">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        </ul>
                        <!--按钮控制器-->
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <!--轮播结束-->
                    <div class="img_b">
                        <img src="./imgs/index11_08.jpg" alt="">
                    </div>
                </div>
                 <ul class="clearfix fr imgs_6 clong_r">
                        <!-- <li class="fl">
                            <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                            <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                        </li>
                        <li class="fl">
                            <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                            <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                        </li>
                        <li class="fl">
                            <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                            <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                        </li> -->
                        <script>
                            for(let i=0; i<3;i++){
                                document.write(`
                                <li class="fl">
                                    <img src="./imgs/55260017675581_y.jpg" alt="" class=" img1">
                                    <img src="./imgs/99999990000357083.jpg" alt="" class=" img2">
                                 </li>
                                `)
                            }
                        </script>
                </ul>
                 <div class="imgs">
                    <img src="./imgs/index15_13.jpg" alt="">
                    <img src="./imgs/logo13_11.jpg" alt="">
                    <img src="./imgs/logo13_12.jpg" alt="">
                    <img src="./imgs/logo13_14.jpg" alt="">
                    <img src="./imgs/logo13_16.jpg" alt="">
                    <img src="./imgs/logo13_17.jpg" alt="">
                    <img src="./imgs/logo13_12.jpg" alt="">
                    <img src="./imgs/logo13_11.jpg" alt="">
                    <img src="./imgs/logo13_16.jpg" alt="">
                    <img src="./imgs/index15_13.jpg" alt="">
                 </div>
            </div>
            <!-- 第二块区域 -->
            <div class="clothing_con clearfix imgs_6">
                <div class="clothing_top clearfix">
                    <h2 class="fl">童装 童鞋 婴儿装</h2>
                    <ul class="fr">
                        <li class="cl_1">儿童服装</li>
                        <li>婴儿装</li>
                        <li>小潮童鞋</li>
                    </ul>
                </div>
                <div class="clong_l fl">
                    <img src="./imgs/86030026412241_y.jpg" alt="">
                    <ul class="clearfix">
                        <li>中小学教育</li>
                        <li>外语</li>
                        <li>考试</li>
                        <li>小说</li>
                        <li>文学</li>
                        <li>青春文学</li>
                        <li>成功\励志</li>
                        <li>管理</li>
                        <li>历史</li>
                        <li>哲学\宗教</li>
                        <li>亲子\家教</li>
                        <li>全部分类></li>
                    </ul>
                </div>
                <div class="clong_z clearfix fl">
                     <!--轮播开始-->
                     <div class="pptbox clo_lb fl" id="bannerInner">
                        <!--轮播的内容-->
                        <ul class="innerwrapper">
                        <li>
                            <a href=""><img src="imgs/86030026281665_y.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/a_ban_383-340.jpg" /></a></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/181160019766142_1_o.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/187720017020448_1_o.jpg" /></a>
                        </li>
                        </ul>
                        <!--数字控制器-->
                        <ul class="controls" id="con_str">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        </ul>
                        <!--按钮控制器-->
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <!--轮播结束-->
                    <div class="img_b">
                        <img src="./imgs/index11_08.jpg" alt="">
                    </div>
                </div>
                 <ul class="clearfix fr imgs_6 clong_r">
                        <!-- <li class="fl">
                            <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                            <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                        </li>
                        <li class="fl">
                            <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                            <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                        </li>
                        <li class="fl">
                            <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                            <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                        </li> -->
                        <script>
                            for(let i=0; i<3;i++){
                                document.write(`
                                <li class="fl">
                                    <img src="./imgs/70800019240637_1_o.jpg" alt="" class=" img1">
                                    <img src="./imgs/88590019649760_1_o.jpg" alt="" class=" img2">
                                 </li>
                                `)
                            }
                        </script>
                </ul>
                 <div class="imgs">
                    <img src="./imgs/index15_13.jpg" alt="">
                    <img src="./imgs/logo13_11.jpg" alt="">
                    <img src="./imgs/logo13_12.jpg" alt="">
                    <img src="./imgs/logo13_14.jpg" alt="">
                    <img src="./imgs/logo13_16.jpg" alt="">
                    <img src="./imgs/logo13_17.jpg" alt="">
                    <img src="./imgs/logo13_12.jpg" alt="">
                    <img src="./imgs/logo13_11.jpg" alt="">
                    <img src="./imgs/logo13_16.jpg" alt="">
                    <img src="./imgs/index15_13.jpg" alt="">
                 </div>
            </div>
            <!-- 第三块区域 -->
            <div class="clothing_con clearfix imgs_6">
                <div class="clothing_top clearfix">
                    <h2 class="fl">童装 童鞋 婴儿装</h2>
                    <ul class="fr">
                        <li class="cl_1">儿童服装</li>
                        <li>婴儿装</li>
                        <li>小潮童鞋</li>
                    </ul>
                </div>
                <div class="clong_l fl">
                    <img src="./imgs/86030026097384_y.jpg" alt="">
                    <ul class="clearfix">
                        <li>中小学教育</li>
                        <li>外语</li>
                        <li>考试</li>
                        <li>小说</li>
                        <li>文学</li>
                        <li>青春文学</li>
                        <li>成功\励志</li>
                        <li>管理</li>
                        <li>历史</li>
                        <li>哲学\宗教</li>
                        <li>亲子\家教</li>
                        <li>全部分类></li>
                    </ul>
                </div>
                <div class="clong_z clearfix fl">
                     <!--轮播开始-->
                     <div class="pptbox clo_lb fl" id="bannerInner">
                        <!--轮播的内容-->
                        <ul class="innerwrapper">
                        <li>
                            <a href=""><img src="imgs/86030026281665_y.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/a_ban_383-340.jpg" /></a></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/181160019766142_1_o.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="imgs/187720017020448_1_o.jpg" /></a>
                        </li>
                        </ul>
                        <!--数字控制器-->
                        <ul class="controls" id="con_str">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        </ul>
                        <!--按钮控制器-->
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <!--轮播结束-->
                    <div class="img_b">
                        <img src="./imgs/index11_08.jpg" alt="">
                    </div>
                </div>
                 <ul class="clearfix fr imgs_6 clong_r">
                        <!-- <li class="fl">
                            <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                            <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                        </li>
                        <li class="fl">
                            <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                            <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                        </li>
                        <li class="fl">
                            <img src="./imgs/182870022195704_y.jpg" alt="" class=" img1">
                            <img src="./imgs/169350015361068_y.jpg" alt="" class=" img2">
                        </li> -->
                        <script>
                            for(let i=0; i<3;i++){
                                document.write(`
                                <li class="fl">
                                    <img src="./imgs/55260017675581_y.jpg" alt="" class=" img1">
                                    <img src="./imgs/99999990000357083.jpg" alt="" class=" img2">
                                 </li>
                                `)
                            }
                        </script>
                </ul>
                 <div class="imgs">
                    <img src="./imgs/index15_13.jpg" alt="">
                    <img src="./imgs/logo13_11.jpg" alt="">
                    <img src="./imgs/logo13_12.jpg" alt="">
                    <img src="./imgs/logo13_14.jpg" alt="">
                    <img src="./imgs/logo13_16.jpg" alt="">
                    <img src="./imgs/logo13_17.jpg" alt="">
                    <img src="./imgs/logo13_12.jpg" alt="">
                    <img src="./imgs/logo13_11.jpg" alt="">
                    <img src="./imgs/logo13_16.jpg" alt="">
                    <img src="./imgs/index15_13.jpg" alt="">
                 </div>
            </div>
        </div>
    <!-- 童装区域结束 -->

    <!-- 家居日用 -->
        <div id="furniture" class="wrapper floor">
            <div class="fu_jiaju">
                <div class="fu_top">
                    <h2>家居日用</h2>
                    <div class="fu_zhon clearfix">
                        <div class="fl">
                            <img src="./imgs/index21_05.jpg" alt="">
                        </div>
                        <ul class="clearfix fl jz_imgs">
                            <script>
                                for(let i=0; i<4;i++){
                                    document.write(`
                                    <li class="fl">
                                        <img src="./imgs/index22_05.jpg" alt="" class=" img1">
                                        <img src="./imgs/index23_08.jpg" alt="" class=" img2">
                                     </li> 
                                    `)
                                }
                            </script>
                        </ul>
                    </div>
                </div>
            </div>
        </div>   
    <!-- 家居日用结束 -->

    <!-- 推广商品 -->
    <div id="promote" class="wrapper">
        <div class="pr_0">
            <div class="pr_1 clearfix">
                <h3 class="fl">推广商品</h3>
                <div class="fl">
                    <button class="btn1"></button>
                    <button class="btn_2"></button>
                </div>
            </div>
            <ul class="clearfix">
                <script>
                    for(let i=0;i<10;i++){
                        document.write(`
                        <li>
                            <div class="li_1">
                                <img src="./imgs/index25_12.jpg" alt="">
                                <p class="p1">Pigeon法国制奶嘴，无
                                    毒天然乳胶</p>
                                <p class="p2">￥:189</p>
                                <p class="p3"><span class="sp1"></span>已有<span class="sp2">988</span>条评价</p>
                            </div>
                    </li>
                        `)
                    }
                </script>
            </ul>
        </div>
    </div>
    <!-- 推广商品结束 -->

    <!-- 页脚区域 -->
    <div class="footer">
        <div class="ft_1">
            <div class="wrapper">
                <div class="imgs">
                    <img src="./imgs/222_11.png" alt="">
                    <img src="./imgs/222_13.png" alt="">
                    <img src="./imgs/222_15.png" alt="">
                    <img src="./imgs/222_17.png" alt="">
                </div>
            </div>
        </div>  
        <div class="ft_2">
            <div class="wrapper">
                <div class="dls">
                    <dl>
                        <dt>购物指南</dt>
                        <dd>购物流程</dd>
                        <dd>发票制度</dd>
                        <dd>账户管理</dd>
                        <dd>会员优惠</dd>
                    </dl>
                    <dl>
                        <dt>购物指南</dt>
                        <dd>购物流程</dd>
                        <dd>发票制度</dd>
                        <dd>账户管理</dd>
                        <dd>会员优惠</dd>
                    </dl>
                    <dl>
                        <dt>购物指南</dt>
                        <dd>购物流程</dd>
                        <dd>发票制度</dd>
                        <dd>账户管理</dd>
                        <dd>会员优惠</dd>
                    </dl>
                    <dl>
                        <dt>购物指南</dt>
                        <dd>购物流程</dd>
                        <dd>发票制度</dd>
                        <dd>账户管理</dd>
                        <dd>会员优惠</dd>
                    </dl>
                    <dl>
                        <dt>购物指南</dt>
                        <dd>购物流程</dd>
                        <dd>发票制度</dd>
                        <dd>账户管理</dd>
                        <dd>会员优惠</dd>
                    </dl>
                </div>
                <img src="./imgs/logo_00.png" alt="">
                <p class="p1"><span>公司简介  |</span><span>Investor Relations  |</span><span>网站联盟  |</span><span>乐购招商  |</span><span>机构销售  |</span><span>手机乐购  | </span><span>官方Blog   | </span><span>热词搜索</span></p>
                <p class="p2">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
            </div>
        </div>
    </div>
    <!-- 页脚区域结束 -->

    <!-- 头部固定功能 -->
    <div id="fixedHeader">
        <script>
            $(".header .nav_form").clone().appendTo("#fixedHeader")
        </script>
    </div>
    <!-- 楼层跳转 -->
    <div id="floorBox">
        <ul>
            <li class="fbg01">
                <span>图书</span>
            </li>
            <li class="fbg02">
                <span>服装</span>
            </li>
            <li class="fbg03">
                <span>运动</span>
            </li>
            <li class="fbg04">
                <span>童装</span>
            </li>
            <li class="fbg05">
                <span>家居</span>
            </li>
        </ul>
    </div>
</body>
</html>